<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>拯救剁手党</title>
    <meta name='viewport' content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <link rel="stylesheet" href="css/chophand.css">
    
</head>
<body>
    <div class="chophand-index bg">
        <div class="index-banner">
            <img src="img/banner.png" alt="">
        </div>
        <div class="index-start-btn">
            <img id="countDownBtn" src="img/hand-button.png" alt="">
        </div>
            
        <div class="index-footer">
            <div class="footer-left">
                <a href="">我的奖品</a>
            </div>
            <div class="footer-right">
                <a href="">活动规则</a>
            </div>
        </div>                      
    </div>
    
    <div class=" chophand-countdown chophand-hide countdown-box bg">
        <div class="chophand-time-head">
            <div>
                <span id="gameTime">60</span>
            </div>
            <div><span id="gameNumber">0</span></div>
        </div>
        <div id="gameBox">
            
        </div>

    </div>
    <div class="chophand-hide countdown-bg countdown-box bg">
        <div class="chophand-counttime">
            <h1 id="countDown">3</h1>
        </div>
    </div>
    
    <div id="ejectFail" class="eject chophand-hide">
        <div class="bgs"></div>
        <div class="ejectBox">
            <div class="overText">
                <img src="img/over.png" alt="">
            </div>
            <div class="duos-bg dail-bg">
                <h1 id="frequency">19</h1>    
            </div>
            <div id="choppBtn" class="ejectBtn">
                <img src="img/chopp.png" alt="">
            </div>
            <div class="greet">
                <img src="img/greet.png" alt="">
            </div>
        </div>
    </div>
    
    <div id="ejectSuccess" class="chophand-hide">
         <div class="bgs"></div>
         <div class="ejectBox">
            <div class="overText">
                <img src="img/over.png" alt="">
            </div>
            <div class="duos-bg suc-bg">
                <h1 id="frequency">19</h1>    
            </div>
            <div id="choujbtn" class="chouj sucbtn">
                <img src="img/cj.png" alt="">
            </div>
            <div id="choopbtn" class="choppbtn sucbtn">
                <img src="img/chopp.png" alt="">
            </div>
            <div class="greetbtn sucbtn">
                <img src="img/greet.png" alt="">
            </div>
            
         </div>
    </div>
    <div id="lottery" class="chophand-hide wicket">
        <div class="bgs"></div>
        <div class="lotteryBox lot">
            <div class="lotBox">
                <div class="lot-one"><h3>恭喜您！</h3></div>
                <div class="lot-two"><p>抽中奖品 iPhoneX</p></div>
                <div class="lot-three"><button class="comeBack">再来一次</button></div>
            </div>
        </div>
        <div class="close">
            <img src="img/close.png" alt="">
        </div>
    </div>
    
    <div id="noMiddle" class="wicket chophand-hide">
        <div class="bgs"></div>
        <div class="lotteryBox lotgirl">
            <div class="lotBox">
                <div class="lot-one"><h3>可惜了！</h3></div>
                <div class="lot-two"><p>居然没中奖</p></div>
                <div class="lot-three"><button class="comeBack">再来一次</button></div>
            </div>
        </div>
        <div class="close">
            <img src="img/close.png" alt="">
        </div>
    </div>
    
    
    
    
    
    
    <script src="js/auto-size.js"></script>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/chophand.js"></script>
</body>
</html>